@charset "utf-8";
@font-face{font-family: 'opensans'; src: url('opensans5b62.eot?v=4.6.3'); src: url('opensansd41d.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('opensans5b62.woff2?v=4.6.3') format('woff2'), url('opensans5b62.woff?v=4.6.3') format('woff'), url('opensans5b62.ttf?v=4.6.3') format('truetype'), url('opensans5b62.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal;}
/*body{font-family: 'opensans' !important; font-size: 14px; color: #10427d; line-height: 30px; overflow-x: hidden; word-wrap: break-word; position: relative;}*/
/**{margin: 0; padding: 0; font-family: 'opensans' !important;}*/
ol,ul,li{
	list-style: none;
	text-align: left;
}
a{text-decoration:none; color:#10427d;}
a:hover{color: #fc7c01;}
a:focus{outline:none;}
em,i{font-style:normal;}
/*ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,span,input,textarea,i{margin: 0; padding: 0; font-family: 'opensans' !important;}*/
img{border:0; vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;}
input,textarea{border:0;}
input:focus,textarea:focus{outline: 0 none;}
.clear{clear:both; height:0;}
.clearfix{zoom:1;}
.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.wrap{width:1100px; margin:0 auto;}
body.menuOpen{height: 100%; overflow-y: hidden;}
input::-webkit-input-placeholder,input:focus::-webkit-input-placeholder,input:hover::-webkit-input-placeholder {color: #999;} 
input:-moz-placeholder,input:focus:-moz-placeholder,input:hover:-moz-placeholder {color: #999;} 
input::-moz-placeholder,input:focus::-moz-placeholder,input:hover::-moz-placeholder {color: #999;} 
input:-ms-input-placeholder,input:focus:-ms-input-placeholder,input:hover:-ms-input-placeholder {color: #999;}
.hide{display: none;}
html.open,body.open{width: 100%; height: 100%; overflow-y: hidden;}
.loading{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99999; background: url(../images/h_loading.gif) no-repeat center center #fff;}
/*animate*/
.animatebox{transform: translateY(100px); -webkit-transform: translateY(100px); -ms-transform: translateY(100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all; }
.animatebox.animate{transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; }
/*right-menu*/
.right_menu{width: 66px; position: fixed; right: 0; top: 50%; margin-top: -91px; transform: translateZ(0); z-index: 9999; background-color: #b8681a; font-size: 12px;}
.right_menu li{text-align: center; background-color: #ed9036; margin-bottom: 1px; transition: background-color .4s ease-out;}
.right_menu li.last_li{margin-bottom: 0;}
.right_menu li:hover{background-color: #D34819;}
.right_menu li a{display: block; width: 100%; color: #fff; padding: 10px 0 4px 0;}
.right_menu li span{display: block; width: 100%;}
.right_menu li span.f_btn1{background: url(../images/f_btn1.png) no-repeat center top; height: 26px;}
.right_menu li span.f_btn2{background: url(../images/f_btn2.png) no-repeat center top; height: 20px;}
.right_menu li span.f_btn3{background: url(../images/f_btn3.png) no-repeat center top; height: 20px;}
.right_menu li p{height: 24px; line-height: 24px; white-space: nowrap;}
/*header*/
.to_top{position: absolute; bottom: 250px; right: 80px; text-align: right; font-size: 12px; color: #393939; text-transform: Uppercase; z-index: 21; cursor: pointer; padding: 0 10px; height: 30px; line-height: 30px;}
.to_top i{display: block; float: right; margin-left: 10px; margin-top: 8px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #ed9036;}
.top{padding: 12px 0; background: url(../images/head_bg.png) no-repeat; background-position: 20% 0;}
.logo{float: left; height: 30px; padding-top: 18px;}
.logo img{width: auto; height: 100%; vertical-align: top;}
.top_rt{float: right; text-align: right;}
.top_rt img{height: 24px; width: auto;}
.sear{ background-color: #f1f1f1; margin-top: 6px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding: 0 6px;}
.sear_input{width: 170px; height: 20px; padding: 5px 8px; display: inline-block; float: left; background: none;}
.sear_submit{width:30px; height: 30px; display: inline-block; float: left; color: #fff; background: url(../images/sear_btn.png) no-repeat center center; cursor: pointer; }

.menu_m{position: absolute; right: 0; z-index: 999; display: none; top: 10px; height: 20px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; text-align: right; }
.menu_m em{position: relative; display: block; width: 22px; height: 4px; margin: 2px 0; background: #005b8b; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.menu_m.translate .em1{top: 10px; transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg); }
.menu_m.translate .em2{opacity: 0; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.menu_m.translate .em3{top: -2px; transform: rotate(-40deg); -ms-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); }
.menu_m.translate{right: 90%; }
.nav_menu{-o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 9999; background-color: #fff; position: fixed; top: 0; right: 0; width: 80%; height: 100%; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); -webkit-transform: translateX(100%); display: none;}
.nav_menu.open{transform: translateX(0%); -webkit-transform: translateX(0%);}
.nav_menu li.m_searli{ background-color: #404f58; padding: 5px 0;}
.m_sear{background-color: #10427d; width: 96%; margin: 0 auto;}
.m_sear .sear_input{width: 92%; background: none; color: #fff; padding: 5px 0; text-indent: 8px;}
.m_sear .sear_submit{width: 8%;}
.nav_menu a { padding-left: 30px; line-height: 40px; text-align: left; display: block; font-size: 14px; background-color: #fff; border-bottom: 1px solid #ddd; }
.nav_menu .in-link { display: none; }
.nav_menu dd { overflow: hidden; }
.nav_menu .in-link dd a { font-size: 14px; line-height: 30px; background-color: #d3d2d2; color: #686868; display: block; }
.nav_menu .in-link dd a:before { content: ">"; margin-right: 10px;}

.nav.fixed{position: fixed; top: 0; left: 0;}
.nav{width: 100%; background-color: #e8e9eb; box-shadow: 4px 4px 4px 0px #aaa; position: relative; z-index: 22;}
/*.menu > li{float: left; height: 42px; line-height: 42px; font-size: 15px; font-weight: bold; margin-right: 2px; text-transform:capitalize; position: relative; padding: 0 30px;}*/
.menu > li > a {/* display: inline-block; */}
.menu > li > a{padding-bottom: 4px;}
.menu > li.current > a,.menu > li > a:hover{color: #10427d; border-bottom: 2px solid #10427d;}
/*footer*/
.footer{padding: 20px 0; overflow: hidden; color: #fff; background: url(../images/foot_bg.jpg) no-repeat left center;}
.foot_item{float: left; box-sizing: border-box; border-right: 1px solid #aec6dc; height: 200px;}
.foot_nav{width: 28%;}
.foot_nav ul{margin-left: -8%; padding-top: 1.2em;}
.foot_nav ul li{float: left; width: 50%; margin-bottom: 6px; text-transform:capitalize; font-size: 16px; height: 2.2em; line-height: 2.2em; text-indent: 8%;}
.foot_nav ul li a{color: #fff;}
.foot_nav ul li a:hover{color: #ed9036;}
.foot_contact{width: 42%;}
.foot_contact ul{padding: 1em 4% 0 5%;}
.foot_contact li{ line-height: 1.8em; background-repeat: no-repeat; padding-left: 34px; font-size: 14px; margin-bottom: 0.6em;}
.foot_contact li a{color: #fff;}
.foot_contact li.f_bg1{ background-image: url(../images/f_bt1.png); background-position: 4px 0.4em;}
.foot_contact li.f_bg2{ background-image: url(../images/f_bt2.png); background-position: left center;}
.foot_contact li.f_bg3{ background-image: url(../images/f_bt3.png); background-position: left center;}
.foot_contact li.f_bg4{ background-image: url(../images/f_bt4.png); background-position: left center;}
.foot_contact li.f_bg5{ background-image: url(../images/f_bt5.png); background-position: left center;}
.foot_info{width: 29%; padding-top: 1em; border-right: 0;}
.foot_info h3{padding-left: 8%; font-size: 16px; font-weight: normal;}
.foot_info p{font-size: 14px; padding-left: 8%; line-height: 1.6em; margin-top: 1.6em;}
.foot_info ul{padding: 20px 0 0 8%;}
.foot_info li{width: 28px; height: 28px; margin-right: 10px; float: left;}
.foot_info li a{display: block; width: 100%; height: 100%;}
.foot_info li.f_li1{background: url(../images/social_bg1.png) no-repeat; width: 80px;}
.foot_info li.f_li2{background: url(../images/social_bg2.png) no-repeat;}
/*banner*/
#banner, #banner .slick-list, #banner .slick-track { height: 100%; }
#banner .item { position: relative; height: 100%; }
#banner .slick-dots { bottom: 20px; }
.slick .slick-dots li {display: inline-block; *display: inline; width: 16px; height: 16px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px; background-color: #fff; font-size: 0; outline: none; }
.slick .slick-dots a { display: none; }
.slick .slick-dots .slick-active { background-color: #fc7c01; }
.ny_banner img{width: 100%; height: auto;}
#banner img{width: 100%; height: auto;}
/*----index----*/
.item_title{ width: 100%; font-size: 18px; height: 60px; line-height: 60px; text-transform: Uppercase; border-bottom: 1px solid #cdcdcd; position: relative; text-indent: 2px; margin-bottom: 1px; font-weight: normal;}
.item_title i{font-size: 32px;}
.item_title:before{width: 26%; content:""; display: block; border-bottom: 3px solid #10427d; position: absolute; left: 0; bottom: -2px;}
/*index-product*/
.index_product{margin-top: 20px;}
.index_pro_wrap{margin-top: 20px;}
.index_product_lt{width: 26%; float: left; background-color: #568abb;}
.index_product_lt ul{padding: 20px 0 20px 16px;}
.index_product_lt li{font-size: 15px; line-height: 36px; text-transform : capitalize;}
.index_product_lt li i{padding-right: 4px; font-weight: bold;}
.index_product_lt li a{color: #fff;}
.index_product_rt{width: 100%; float: right;}
.product_w li{width: 50%; float: left; padding: 20px 0 30px 0;}
.p_item{width: 82%; height: 210px; background-color: #e7e9ea; margin-left: 18%; position: relative;}
.p_item h2{width: 52%; position: absolute; top: 10px; right: 10px; font-size: 16px; text-transform : uppercase; line-height: 24px;}
.p_item h2:before{width: 76%; content: ""; display: block; position: absolute; //right: -8%; bottom: -10px; border-bottom: 2px solid #004881;}
.p_img{/* width: 60%;  */height: 126px; position: absolute; left: -20px; bottom: -8px;}
.p_img img{height: 100%; width: auto;}
.p_more{display: inline-block; font-size: 14px; color: #004881; position: absolute; left: 50%; bottom: 60px; border: 1px solid #004881; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 6px; width: 100px;}
.p_more i{padding: 0 10px; background: url(../images/r_morebg.png) no-repeat center center;}
.pro_tab{background-color: #f1f1f1; height: 44px; line-height: 44px;}
.pro_tab a{font-size: 16px; font-weight: bold; display: block; float: left; height: 44px; padding: 0 20px; border-right: 1px solid #ddd; cursor: pointer; color: #999;}
.pro_tab a.active{background-color: #fff; color: #10427d;}
/*index-market*/
.index_markets{margin-top: 20px; background-color: #eef0f1;}
.index_market_wrap ul{padding: 20px 0;}
.index_market_wrap li{width: 16.6666%; float: left; text-align: center;}
.market_img{width: 126px; height: 126px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 auto; overflow: hidden;}
.index_market_wrap li img{width: 60%;}
.index_market_wrap li h2{color: #393939; font-weight: normal; font-size: 16px;}
/*index-performance*/
.index_performance{background: url(../images/grid_bg.png) repeat; padding: 30px 0;}
.performance_w{border: 1px solid #b1c5d8;}
.performance_w .item_title{width: 93%; margin-left: 0.5%; color: #fff; text-indent: 14px;}
.performance_w .item_title:before{border-bottom: 0 none;}
.per_show{padding: 40px 8% 40px 2.2%; min-height: 232px;}
.per_lt{width: 40%; float: left;}
.per_lt img{width: 100%;}
.per_lt #map{width: 100%; height: 240px;}
.per_rt{width: 58%; float: right; font-size: 14px; line-height: 24px; color: #fff; letter-spacing: 1px;}
.per_rt a{color: #fff;}
/*index-certification*/
.index_certification{padding: 20px 0; background: url(../images/cer_bg.png) repeat-y center top;}
.cert_w{position:relative; margin: 20px 0;}
.cert_lt{width: 51%; float: left; font-size: 14px;}
.cert_lt p{color: #393939; line-height: 28px; padding-top: 40px;}
.t_more{width:200px; height:46px; line-height:46px; position: absolute; left: 0; bottom: 0; text-indent: 30px; display: block; color: #fff; background-color: #1d5284; -border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-transform: Uppercase;}
.t_more i{display: inline-block; background: url(../images/more_right_bg.png) no-repeat left center; width: 22px; height: 46px; float: right; margin-right: 18px;}
.cert_rt{width: 46%; float: right;}
.cert_rt img{width: 100%;}
/*index-newsabt*/
.index_newabt{padding-bottom: 50px;}
.index_newabt .item_title:before{width: 63.1%;}
.index_news{width: 46%; float: left;}
.index_news dt{padding: 30px 0 6px 0;}
.index_news dt img{width: 100%;}
.index_news dd{font-size: 14px; height: 29px; line-height: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_news dd i{width: 5px; height: 5px; margin-top: 12px; background-color: #8a4f01; display: inline-block; float: left; margin-right: 6px;}
.index_news dd a{*display: block; *height: 31px; *line-height: 31px; *float: left; color: #393939; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_news dd span{float: right; margin-left: 20px; color: #999;}
.index_about{width: 46%; float: right; }
.about_w{position: relative; margin-top: 30px;}
.about_w img{width: 100%;}
.about_sm{width:80%; background:rgba(0,0,0,0.51) none repeat scroll !important; background-color: #000; position: absolute; left: 10%; top: 18%; color: #fff;}
.about_sm p{position: relative; line-height: 24px; padding: 20px 30px 30px 30px;}
/*mobile-side-nav*/
.side_nav{padding: 10px 0; border-bottom: 2px solid #10437a; display: none;}
.side_nav li{float: left; width: auto; height: 30px; line-height: 30px; border: 1px solid #e5e5e5; border-radius: 6px;}
.side_nav li a{display: block; padding: 0 20px;}
.side_nav li:hover,.side_nav li.active{background-color: #fc7c01;}
.side_nav li:hover a,.side_nav li.active a{color: #fff;}
/*left-menu*/
.side{padding: 30px 0 50px 0;}
.side_lt{width: 26%; float: left;}
.side_fixed.fixed{position: fixed; z-index: 21;}
.side_w{border: 1px solid #e5e5e5; background-color: #fff;}
.side_title{height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; text-transform: capitalize; text-align: center; font-size: 20px; font-weight: normal;}
.side_new{padding: 40px 0;}
.side_new li{height: 30px; line-height: 30px; width: 50%; float: left; font-size: 18px; margin-bottom: 10px;}
.side_new li a{color: #454545;}
.side_new li.active a,.side_new li a:hover{color: #fc7c01;}
.side_new li:before{content: ""; width: 4px; height: 4px; display: block; float: left; background-color: #f67f09; margin-top: 13px; margin-left: 26%; margin-right: 14px;}

.side_menu{padding: 20px 0;}
.side_menu li{line-height: 28px; padding: 8px 0; border-left: 4px solid #fff; margin-bottom: 2px; font-size: 15px;}
.side_menu li a{display: block; padding-right: 2px; height: 100%;}

.side_menu li:before{display:block; content: ""; width: 4px; height: 4px; background-color: #f67f09; float: left; margin-top: 13px; margin-bottom: 20px; margin-left: 6px; margin-right: 2%;}
.side_menu li:hover,.side_menu li.active{background-color: #f4f4f4; border-left: 4px solid #0f437d;}
.side_menu li:hover a{color: inherit !important;}
/*right-content*/
.side_rt{width: 100%; padding-bottom: 40px; float: right;}
.side_cname{height: 50px; line-height: 50px; border-bottom: 2px solid #10437a; font-size: 22px; text-indent: 6px; color: #10427d; font-weight: bold; text-transform: capitalize;}
.c_more{width: 110px; height: 32px; line-height: 32px; display: block; text-align: center; background-color: #10427d; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 14px; color: #fff; text-transform: capitalize; margin-top: 10px;}
/*news-events-list*/
.stit_7{background: url(../images/stit_bg7.png) no-repeat 28% center;}
dl.news_menu{padding: 10px 0 20px 0;}
dl.news_menu dt{border-bottom: 1px solid #ccc; font-size: 18px; text-indent: 12%;}
dl.news_menu dt a{display: block; width: 100%; height: 40px; line-height: 40px;}
dl.news_menu dd ul{padding: 10px 0;}
dl.news_menu dd li{height: 30px; line-height: 30px; width: 50%; float: left; font-size: 16px; margin-bottom: 10px;}
dl.news_menu dd li a{color: #000;}
dl.news_menu dd li.active a,dl.news_menu dd li a:hover{color: #fc7c01;}
dl.news_menu dd li:before{content: ""; width: 4px; height: 4px; display: block; float: left; background-color: #f67f09; margin-top: 13px; margin-left: 26%; margin-right: 14px;}
.list_news li{border-bottom: 1px dashed #e9e9e9;}
.list_news li a{display: block; padding: 30px 0;}
.list_news li:hover{background-color: #f1f1f1;}
.newstime{width:12%; float: left; background-color: #f1f1f1; text-align: center; color: #000;}
.newstime span{display: block; height: 30px; line-height: 30px; padding-top: 10px; font-size: 24px;}
.newstime em{display: block; height: 24px; line-height: 24px; padding-bottom: 20px; font-size: 14px;}
.newscont{width: 86%; float: right;}
.news_tit{font-size: 16px; font-weight: normal; color: #000; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_desc{font-size: 14px; color: #000; height: 44px; line-height: 22px; overflow: hidden; margin-top: 6px;}
/*news-Exhibition*/
.stit_7_1{background: url(../images/stit_bg7_1.png) no-repeat 20% center;}
.list_newszh li{padding: 26px 0; border-bottom: 1px dashed #cdcdcd;}
.list_newszh li .newszh_exh,.list_newszh li > div{font-size: 14px; font-weight: normal; line-height: 38px;}
.list_newszh li .newszh_exh span,.list_newszh li > div > span{font-weight: bold; padding-right: 6px;}
.newszh_nub .c_more{float: right;}
.newszh_dt{padding: 10px 0;}
.newszh_img{width: 30%; float: left; margin-right: 5%;}
.newszh_img.mr_0{margin-right: 0;}
.newszh_img:nth-child(3n){margin-right: 0;}
.newszh_img img{width: 100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
/*markets-cover*/
.cover_mark ul{padding: 26px 0;}
.cover_mark li{width: 48.5%; float: left; margin-right: 3%; border-bottom: 2px dashed #d3d3d3;}
.cover_mark li.mr_0{margin-right: 0;}
.mark_kh{width: 100%; height: 7px; background: url(../images/mark_hk.png) repeat-x;}
.cmar_w{padding: 20px 0; position: relative;}
.cmark_img{width: 26%; float: left; height: 0; padding-bottom: 26%; overflow: hidden;}
.cmark_img img{width: 100%;}
.cmark_rt{width: 72%;float: right;}
.cmark_rt h2{font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #000;}
.cmark_rt p{height: 36px; line-height: 18px; overflow: hidden; margin-top: 4px; color: #000;}
.mark_more{width: 16px; height: 16px; float: right; background: url(../images/m_hg1.png) no-repeat; position: absolute; right: 10px; bottom: 20px;}
/*markets-list*/
.markets_sm{font-size: 14px; line-height: 24px; padding-top: 20px; color: #000;}

.stit_4{background: url(../images/stit_bg4.png) no-repeat 20% center;}
.list_mark ul{padding: 20px 0;}
.list_mark li{padding: 20px 0;}
.mark_img{width: 28%; float: left; overflow: hidden; background-color: #f4f4f4; text-align: center;}
.mark_img img{width: 100%; margin: auto; background-color: #f4f4f4;}
.mark_rt{width: 70%; float: right;}
.mark_rt h2{font-size: 18px; color: #10427d; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mark_rt > p{height: 66px; line-height: 22px; font-size: 14px; margin-top: 16px; margin-bottom: 20px; overflow: hidden; color: #000;}
/*news-content*/
.news_content .side_cname{height: auto; text-indent: 0; padding: 10px 0; margin-top: 40px;}
.history{width: 110px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #10427d; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; display: block; font-size: 16px; font-weight: normal; color: #10427d;}
.zw_cont{padding: 20px 16px;}
.cont_tit{font-size: 22px; color: #393939; line-height: 28px; font-weight: normal; text-align: center;}
.ct_CHX{font-size: 14px; color: #999; text-align: center; margin-top: 16px;}
.ct_CHX span{padding: 0 16px;}
.newstext{font-size: 16px; line-height: 30px; color: #10427d; padding: 30px 0;}
/*product-cover*/
.product_content{color: #000;}
.product_content table{width: 100% !important;}
.product_content table td{width: 50% !important;}
/*product-list*/
.stit_2{background: url(../images/stit_bg2.png) no-repeat 24% center;}

/*product-content*/
.products_content{padding-bottom: 40px;}
#pro_lb{margin: 10px 0; display: none;}
#pro_lb .item{text-align: center;}
#pro_lb img{max-width: 100%; max-height: 300px;}
.m_pro{border: 1px solid #cecdcd; margin-bottom: 10px; padding: 20px 0; display: none;}
.m_pro .prod_sm{font-size:14px; line-height: 22px; padding: 0 20px;}
.m_pro .pro_jyfw{line-height: 26px; padding: 10px 20px;}
.products{padding: 30px 0;}
.products_lt{width: 46%; float: left; margin-left: 1%;}


.spec-preview{width: 100%; overflow: hidden;}
.jqzoom{position: relative; display: block; width: 100%; height: 100%;}
.jqzoom img{width: 100%; height: auto;}
.zoomdiv{z-index: 100; position: absolute; top: 0; left: 0;width: 20px; height: 20px; background:#fff;border:1px solid #ccc; display: none; text-align:center; overflow:hidden;}
.jqZoomPup{z-index:10; visibility: hidden; position:absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #aaa; background: #fff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;  filter: alpha(Opacity=50); cursor: move;}
.spec-scroll{margin-top: 5px; width:100%;}
.spec-scroll .prev,.spec-scroll .next{display:block; text-align:center; width:3%; height:86px; line-height:80px;  background: #ebebeb; cursor: pointer;}
.spec-scroll .prev{float:left; margin-right: 1%;}
.spec-scroll .next{float:right;}

#showbox{background: #fff;}
#showbox span{background: url(../images/whitebg.png) repeat; display: none !important;}
#showbox > p{display: none !important;}
#showsum{left: 0; margin-top: 10px; width: 100% !important; overflow: visible !important;}
#showsum > p{left: 0 !important; width: 100% !important;}
#showsum span{border: 2px solid #ddd; cursor: pointer; overflow: visible !important;}
#showsum span.sel{border: 2px solid #ff6600;}
#showsum span.sel:before{width: 0; height: 0; position: absolute; top: -10px; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #ff6600; display: block; content:'';}


.spec-scroll .items{float: left; position: relative; width: 100%; height: 94px; overflow: hidden;}
.spec-scroll .items ul{position: absolute; width: 999999px; height: 94px;}
.spec-scroll .items ul li{float: left; margin: 0 2px; text-align: center; position: relative;}
.spec-scroll .items ul li span{display: none; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #ff6600; position: absolute; left: 50%; top: 0; margin-left: -5px;}
.spec-scroll .items ul li img{border: 1px solid #ccc; padding: 2px; width: 82px; height: 74px; margin-top: 8px;}
.spec-scroll .items ul li.active img{border: 2px solid #ff6600; padding: 1px;}
.spec-scroll .items ul li.active span{display: block;}
.products_rt{width: 50%; float: right;}
.prod_sm{font-size: 14px; font-weight: normal; line-height: 26px; color: #000;}
.pro_w{width: 98%; margin-left: 1%; border: 1px solid #cecdcd; padding-bottom: 20px;}
.pro_otit{padding: 10px 30px; font-size: 18px; color: #000;}
.products_rt .pro_otit{padding: 10px 0; margin-top: 6px;}
.pro_nt{margin: 10px 20px; color: #10427d; line-height: 26px;}
.pro_nt img{max-width: 100%;}
.pro_nt table{width: 100% !important; table-layout: fixed;}
.pro_nt table td{width: 48% !important; padding-right: 1%; vertical-align: top !important;}

.pro_nt h3{font-weight: normal;}
.lt_text{float: left; width: 48%;}
.rt_text{float: right; width: 48%;}

.pro_down{padding: 10px 30px;}
.pro_down li{width: 50%; float: left;}
.d_img{width: 40%; overflow: hidden; float: left;}
.d_img img{width: 100%; height: auto;}
.d_rt{width: 56%; float: right;}
.d_rt p{line-height: 26px; max-height: 52px; overflow: hidden; font-size: 14px; margin: 10px 0;}
.d_rt > h2{font-size: 16px; height: 30px; line-height: 30px; overflow: hidden;}
.d_rt > a{display: block; width: 120px; height: 30px; background: url(../images/down_bg.png) no-repeat 96px center; border: 1px solid #10427d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-indent: 22px;}
/*service-list*/
.stit_3{background: url(../images/stit_bg3.png) no-repeat 3% center; text-align: right; padding-right: 10px;}
.side_service img{padding: 8px 0; width: 100%;}
.service_sm{font-size: 16px; line-height: 24px; color: #000; padding: 30px 2%;}
.list_service ul{padding: 20px 0;}
.list_service li{padding: 20px 0; width:50%; float:left;}
.list_service .mark_rt h2 a{color: #000;}
.list_service .mark_rt p{height: auto;}
/**/
.list_product .mark_rt > p{margin-top: 6px;}
.pro_tx{font-size: 14px; line-height: 26px;}
.list_ptext{line-height: 26px;}
/* .pro_tx b{font-size: 16px; padding-right: 4px; font-weight: normal; color: #10427d;} */

.list_ptext{padding-bottom: 6px;}

.m_pro .pro_tx{padding: 0 20px;}
/*contact-us*/
.content.pt20{padding-top: 20px;}
.contact{padding: 30px 0; width: 96%; margin: 0 auto;}
.contact_w{width: 42%; float: right;}
.contact_w h3{font-size: 20px; color: #606060; font-weight: normal; background: url(../images/contact_l.png) no-repeat left center; padding-left: 60px;}
.contact_w ul{padding: 30px 0;}
.contact_w li{font-size: 14px; color: #a1a0a1; font-size: 14px;}
.contact_w li span{color: #606060;}
#allmap{border: 1px solid #ccc; height: 400px; margin-bottom: 30px;}

.contact .c_title{height: 32px; line-height: 32px; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; border-bottom: 1px solid #10427d;}

.contact_form{width: 55%; float: left;}
.contact_form li{padding: 5px 0; color: #a1a0a1;}
.contact_form li p{padding: 6px 0;}
.contact_form li input[type="text"],.contact_form li textarea{font-family: 'Calibri', sans-serif; font-size: 12px; box-sizing: border-box;  padding: 10px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; border: 1px solid #eee; background: #fff; -moz-box-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; -webkit-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; width: 100%;}
.contact_form li input[type="submit"]{width: 140px; height: 38px; background-color: #10427d; font-family: 'Calibri', sans-serif; font-size: 16px; color: #fff; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 0 auto;}
/*about-history*/
.stit_1{background: url(../images/stit_bg1.png) no-repeat 16% center;}
.about_img{padding: 50px 20px;}
.about_img img{width: 100%; height: auto;}
.list-history{padding: 30px 0;}
.list-history .fl{float: left;}
.list-history .fr{float: right;}
.list-history li{position: relative;}
.list-history li.hist_pb{padding-bottom: 60px;}
.his_bw4{width: 2px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -1px; background-color: #cdcecf; z-index: 11;}
.his_radius{width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; top: 0; left: 50%; margin-left: -6px; background-color: #cdcecf; z-index: 22;}
.his_list{width: 49%; margin-top: -10px; padding-bottom: 20px;}
.his_div .his_row{width: 87%; font-size: 14px; color: #393939; line-height: 22px;}
.his_div h4{width: 12%; font-size: 16px; white-space: nowrap; color: #10427d; text-align: right;}
.his_div h4.fl{text-align: left;}
.his_img{width: 40%; margin-top: 10px;}
.his_img img{width: 100%;}
/*about-profile*/
.profile_a{padding: 20px 0;}
.profilea_lt{width: 40%; float: right;}
.profilea_lt img{width: 100%;}
.profilea_rt{width: 58%; float: left;}
.profilea_rt h3{font-size: 24px; line-height: 30px; font-weight: normal;}
.profilea_rt p{font-size: 14px; line-height: 22px; margin-top: 6px; color: #000;}
.profile_b{padding: 20px 0;}
.profile_b h3{font-size: 26px; line-height: 60px; margin-bottom: 10px; font-weight: normal;}
.pb_lilt{width: 58%; float: left;}
.profileb_w{line-height: 26px; font-size: 14px; padding-bottom: 20px; color: #000;}
.profileb_w b{font-size: 18px;}
.pb_lirt{width: 38%; float: right;}
.pb_lirt > div{text-align: right; padding-bottom: 20px;}
.pb_lirt > div.pb_img2{text-align: left;}
.pb_lirt img{width: 66%; height: auto;}
.profile_c{padding: 20px 0;}
.profile_c li{margin-bottom: 40px;}
.profilec_lt{width: 56%; float: left;}
.profilec_lt img{width: 100%; height: auto;}
.profilec_rt{width: 42%; float: right;}
.profilec_rt h3{font-size: 26px; font-weight: normal; text-align: right; padding-top: 14px;}
.profilec_rt p{font-size: 14px; line-height: 26px; margin-top: 20px; color: #000;}

.profile_d{margin-top: 10px;}
.profile_d h3{font-size: 26px; font-weight: normal; padding-bottom: 20px;}
.profiled_lt{width: 62%; float: left; font-size: 14px; line-height: 22px; color: #000;}
.profiled_rt{width: 36%; float: right;}
.profiled_rt img{width: 100%;}
/*projects-list*/
.stit_5{background: url(../images/stit_bg5.png) no-repeat 16% center;}
.projects_img img{width: 100%;}
.pro_search{padding: 30px 0;}
.proj_sel{display: block; width: 70%; height: 26px; line-height: 28px; margin: 0 auto 10px;}

#test_1,#test_2{display: none;}

.select_hide{display: none; -moz-opacity: 0; opacity: 0; -webkit-opacity: 0; filter: alpha(opacity =0);}
.selectpick_div{background-color: #fff; height: 26px; cursor: pointer; position: relative; width: 100% !important; text-indent: 4px; border: 1px solid #10427d;}
#selectpick_span_test_1,#selectpick_span_test_2{position: absolute; width: 100%; height: 26px; line-height: 26px; overflow: hidden; display: block; left: 0; top: 0; z-index: 19;}
.selectpick_icon{background: url(../images/select_icon.png) #f4f4f4 no-repeat center center; width: 32px; height: 26px; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 20;}
.selectpick_div_box{position: relative;}
.selectpick_options{border: solid 1px #7a9cd3; position: absolute; z-index: 21; font-size: 14px; text-indent: 5px; display: none; min-width: 100%;}
.selectpick_options_test_1{width: 276px !important;}
.selectpick_options ul{z-index: 9060; font-size: 14px;}
.selectpick_options ul li{padding: 0 5px; display: block; font-size: 14px; z-index: 9060; background-color: #fff; cursor: pointer;}
.selectpick_options li:hover{background-color: #1e90ff; color: #fff; }
.selectpick_options ul li.selectpick_options_selected{background-color: #1e90ff; color: #fff; z-index: 9060; }

#p_submit{display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; margin: 20px auto 0; background-color: #10427d; color: #fff; cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

/*certificates-list*/
.list_img ul{padding: 20px 0;}
.list_img li{width: 16%; float: left; margin: 0 2%; padding: 20px 0;}
.cert_img{overflow: hidden; border: 1px solid #ccc; height: 0; padding-bottom: 120%;}
.cert_img img{width: 100%; height: auto; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; background-color: #f4f4f4;}
.cert_img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transform-origin: 50% 50%; }
.gallery .cert_img img:hover{ -webkit-transform: none;  -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.list_img li h2{font-size: 14px; color: #000; margin-top: 6px; text-align: center; font-weight: normal; height: 56px; line-height: 28px; overflow: hidden;}
.list_img li p{color: #10427d; font-size: 16px;}
#zoom {z-index: 99990; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {z-index: 99991; position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; background: #ffffff no-repeat 50% 50%; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); border-radius: 4px;}
#zoom .content.loading {background-image: url("../images/loading.gif");}
#zoom img {display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius: 4px;}
#zoom .close {z-index: 99993; position: absolute; top: 50%; left: 50%; width: 49px; height: 49px; cursor: pointer; background: transparent url("../images/close.png") no-repeat 50% 50%; opacity: 1; filter: alpha(opacity=100);border-radius: 0 0 0 4px;}
#zoom .previous,#zoom .next {z-index: 99992; position: absolute; top: 50%; overflow: hidden; display: block; width: 49px; height: 49px; margin-top: -25px;}
#zoom .previous {left: 0; background: url("../images/arrows.png") no-repeat 0 0; border-radius: 0 4px 4px 0;}
#zoom .next {right: 0; background: url("../images/arrows.png") no-repeat 100% 0; border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #da4f49;}
#zoom .previous:hover,#zoom .next:hover {background-color: #0088cc;}
/*page*/
.page{text-align: center;}
.page a{display: inline-block; *display: inline; zoom: 1; height: 24px; line-height: 24px; border: 1px solid #10427d; padding:0 8px; margin: 0 6px; background-color: #fff;}
.page a:hover{ background: #10427d; color: #fff;}
.page span{display: inline-block; *display: inline; zoom: 1; height: 26px; line-height: 26px; background: #4577a4; padding:0 10px; margin: 0 6px; color: #fff;}
/*down-list*/
.side_item{padding: 10px 0;}
.side_item > h3{padding-left: 86px; height: 56px; line-height: 56px; font-size: 18px; font-weight: bold; }
.side_item > h3.side_t1{background: url(../images/item_bg1.png) no-repeat 14px center;}
.side_item > h3.side_t2{background: url(../images/item_bg2.png) no-repeat 18px center;}
.down_list > h4{padding-left: 10px; font-size: 18px; height: 36px; line-height: 36px; margin-top: 20px; font-weight: normal;}
.down_list ul{padding: 10px 0;}
.down_list li{width: 22%; float: left; margin-right: 4%; margin-top: 20px; overflow: hidden; font-size: 14px; box-sizing:border-box; }
.down_list li:nth-child(4n){margin-right: 0;}
.down_list li a > img{width: 100%; height: auto;}
.d_cont{display: block; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.down_timg{width: 100%; height: 232px; /* background-image: url(../images/imgdown_bg.png); background-repeat: no-repeat; background-size: 100% 100%; */ position: relative; overflow: hidden;}
.down_timg > h3{font-size: 14px; text-align: center; width: 100%; height: 30px; line-height: 30px; overflow: hidden; position: absolute; left: 0; top: 40px;}
.down_timg img{width: 100%; height: auto; position: absolute; letter-spacing: 0; bottom: 0;}
.down_list li p{line-height: 22px; margin: 10px 0; text-align: center; height: 44px; overflow: hidden;}
/*list-search*/
.list_search{padding-bottom: 40px;}
.list_search ul{padding: 10px 1%;}
.list_search li{padding: 10px; border-bottom: 1px solid #ccc;}
.list_search li p{line-height: 24px; text-indent: 4px;}